<footer class="ui black inverted vertical footer segment">
  <div class="ui center aligned container">
    <div class="ui stackable inverted grid">
      <div class="three wide column">
        <h4 class="ui inverted header">社区</h4>
        <div class="ui inverted link list">
          <a class="item" href="https://www.transifex.com/organization/semantic-org/" target="_blank">协助翻译</a>
          <a class="item" href="https://github.com/Semantic-Org/Semantic-UI/issues" target="_blank">提交问题</a>
          <a class="item" href="https://gitter.im/Semantic-Org/Semantic-UI" target="_blank">加入讨论</a>
          <a class="item" href="/cla.html" target="_blank">CLA</a>
        </div>
      </div>
      <div class="three wide column">
        <h4 class="ui inverted header">网络</h4>
        <div class="ui inverted link list">
          <a class="item" href="https://github.com/Semantic-Org/Semantic-UI" target="_blank">GitHub 库</a>
          <a class="item" href="http://1.semantic-ui.com">1.x 版本文档</a>
          <a class="item" href="http://legacy.semantic-ui.com">0.x 版本文档</a>
        </div>
      </div>
      <div class="three wide column">
        <h4 class="ui inverted header">Learn</h4>
        <div class="ui inverted link list">
          <a href="#" class="disabled item">Example Layouts</a>
          <a href="#" class="disabled item">The Project</a>
          <a href="#" class="disabled item">Roadmap</a>
          <a href="#" class="disabled item">About the Author</a>
        </div>
      </div>
      <div class="seven wide right floated column">
        <h4 class="ui inverted teal header">帮助维持本项目</h4>
        <p> 社区为 Semantic UI 持续不断的发展提供了直接的支持。</p>
        <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
          <input type="hidden" name="cmd" value="_s-xclick">
          <input type="hidden" name="hosted_button_id" value="7ZAF2Q8DBZAQL">
          <button type="submit" class="ui large teal button">现在捐赠</button>
        </form>
      </div>
    </div>
    <div class="ui inverted section divider"></div>
    <img src="/images/logo.png" class="ui centered mini image">
    <div class="ui horizontal inverted small divided link list">
      <a class="item" href="http://semantic-ui.mit-license.org/" target="_blank">Free &amp; Open Source (MIT)</a>
    </div>
  </div>
</footer>

<% /*
 <div class="ui vertical inverted black footer segment">
 <div class="ui container">
 <div class="ui stackable inverted divided relaxed grid">
 <div class="eight wide column">
 <h3 class="ui inverted header">Donate to Semantic UI</h3>
 <p>Maintaining an open source UI library is no small task. Support for the continued development of Semantic UI
 comes directly from the community.</p>
 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
 <input type="hidden" name="cmd" value="_s-xclick">
 <input type="hidden" name="hosted_button_id" value="7ZAF2Q8DBZAQL">
 <button type="submit" class="ui pink button">Donate Today</button>
 </form>
 </div>
 <div class="four wide column">
 <h5 class="ui pink inverted header">Contribute</h5>
 <div class="ui inverted link list">
 <a class="item" href="mailto:jack@semantic-ui.com?subject=Help Translating">Translate</a>
 <a class="item" href="https://github.com/Semantic-Org/Semantic-UI" target="_blank">Issue Tracker</a>
 <a class="item" href="/cla.html" target="_blank">CLA</a>
 <a class="disabled item">Create Themes</a>
 </div>
 </div>
 <div class="four wide column">
 <h5 class="ui pink inverted header">Semantic Network</h5>
 <div class="ui inverted link list">
 <a class="item" href="https://www.transifex.com/organization/semantic-org/" target="_blank">Translation
 Hub</a>
 <a href="http://www.semantic-ui.com" class="item">Semantic UI</a>
 <a href="http://www.learnsemantic.com" class="item">Learn Semantic</a>
 <a class="disabled item">Semantic Themes</a>
 </div>
 </div>
 </div>
 </div>
 </div>
 */ %>